  * {
      padding: 0;
      margin: 0;
  }
  
  body {}
  
  #container {
      width: 80%;
      margin: 0 auto;
      -o-transition: all ease-in-out 1s;
      transition: all ease-in-out 1s;
  }
  
  nav {
      margin: 5px auto;
      border-radius: 5px;
  }
  
  nav .u {
      text-align: center;
      border-radius: 5px;
      -o-transition: all ease-in-out 1s;
      transition: all ease-in-out 1s;
  }
  
  nav .u img {
      height: 100px;
      border-radius: 100%;
  }
  
  nav .u:hover {
      background: rgba(255, 2, 2, .8);
  }
  
  .c {
      margin: 0 auto;
      text-align: center;
      font-family: "Microsoft Yahei";
      border-radius: 5px;
      -o-transition: all ease-in-out 1s;
      transition: all ease-in-out 1s;
  }
  
  .c .t {
      background-color: rgba(0, 0, 0, .1);
      width: 30%;
      line-height: 30px;
      border-radius: 5px;
      box-shadow: 0 0 10px #666;
      margin: 0 auto;
      -o-transition: all ease-in-out 1s;
      transition: all ease-in-out 1s;
  }
  
  .c .t:hover {
      box-shadow: 0 0 10px #ccc, 10px 10px 10px #ccc;
      background: rgba(255, 2, 2, .8);
  }
  
  .c .bf {
      display: none;
      margin-top: -3px;
      margin-bottom: 3px;
      -o-transition: all ease-in-out 1s;
      transition: all ease-in-out 1s;
  }
  
  .c .bf .banner {
      position: relative;
      overflow: auto;
      width: 100% !important;
      height: 100% !important
  }
  
  .c .bf .banner ul {
      margin: 10px auto;
      margin-bottom: 5px;
  }
  
  .c .bf .banner ul li {
      list-style: none;
      float: left;
  }
  
  .c .bf .banner ul li img {
      height: 450px !important;
      width: 80% !important;
      padding: 3px;
      background: rgba(0, 0, 0, .3);
      border-radius: 5px;
      -o-transition: all ease-in-out 1s;
      transition: all ease-in-out 1s;
  }
  
  .c .bf .banner ul li img:hover {
      box-shadow: 0 0 10px red;
  }
  
  .c .art {
      -o-transition: all ease-in-out 1s;
      transition: all ease-in-out 1s;
  }
  
  .c .art:hover {
      background: rgba(255, 2, 2, .8);
  }
  
  .c .art .lrc {
      display: block;
      background-color: rgba(0, 0, 0, .1);
      line-height: 30px;
      border-radius: 5px;
      box-shadow: 0 0 10px #666;
      margin: 0 auto;
      -o-transition: all ease-in-out 1s;
      transition: all ease-in-out 1s;
  }
  
  .c .art .lrc:hover {
      box-shadow: 0 0 10px #ccc, 10px 10px 10px #ccc;
  }
  
  .c .art .auth {
      line-height: 30px;
      border-radius: 5px;
      -o-transition: all ease-in-out 1s;
      transition: all ease-in-out 1s;
  }
